<div class="box-body">
  <form class="form-inline">
    <div class="box box-default">
      <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-remindRefresh')" class="btn btn-primary" (click)="refresh()">
              <i class="fa fa-search"></i>刷新</button>
        <button class="btn btn-primary" (click)="showRemindQuery()">
              <i class="fa fa-search"></i>搜索</button>
        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-detail')" class="btn btn-primary" (click)="showModel('detail')">
              <i class="fa fa-search"></i>查看明细</button>
        <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-remind')" class="btn btn-primary" (click)="remind()">
              <i class="fa fa-search"></i>提醒</button>
      </div>
    </div>
  </form>
  <div class="box-body" style="padding-left:0px;padding-right:0px;">
    <div style="overflow-x:scroll;width:100%">
      <table id="list_table2" class="table table-bordered table-keep-line table-hover table-striped" style="margin-top:unset !important;">
        <thead>
          <tr>
            <th class="width-4">
              <div class="checkbox checkbox-primary">
                <input type="checkbox" id="checkboxAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                <label></label>
              </div>
            </th>
            <th class="width-8">批次号</th>
            <th class="width-8">基金类型</th>
            <th class="width-10">基金名称</th>
            <th class="width-8">发起人</th>
            <th class="width-12">发起日期/时间</th>
            <th class="width-10">最后审核人</th>
            <th class="width-12">审核日期/时间</th>
            <th class="width-12">是否已经发送</th>
            <th class="width-8">接收人</th>
            <th class="width-8">发送标题</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of dataList">
            <td>
              <div class="checkbox checkbox-primary">
                <input type="checkbox" name="checkbox2" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                <label></label>
              </div>
            </td>
            <td class="short_name" [attr.title]="item.nBatchno">{{item.nBatchno}}</td>
            <td class="short_name" [attr.title]="item.sFundTypeZh">{{item.sFundTypeZh}}</td>
            <td class="short_name" [attr.title]="item.sFundName">{{item.sFundName}}</td>
            <td class="short_name" [attr.title]="item.sBeginOperatorZh">{{item.sBeginOperatorZh}}</td>
            <td class="short_name" [attr.title]="item.sBeginDateAndTime">{{item.sBeginDateAndTime}}</td>
            <td class="short_name" [attr.title]="item.sCommitOperatorZh">{{item.sCommitOperatorZh}}</td>
            <td class="short_name" [attr.title]="item.sAuditDateAndTime">{{item.sAuditDateAndTime}}</td>
            <td class="short_name" [attr.title]="item.sSendFlagZh">{{item.sSendFlagZh}}</td>
            <td class="short_name" [attr.title]="item.sReceiverZh">{{item.sReceiverZh}}</td>
            <td class="short_name" [attr.title]="item.sMsgTitle">{{item.sMsgTitle}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="box-footer clearfix" style="width:100%;">
    <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
      <div class="pull-left pagination-detail" data-pagination-additional="true">
        <span class="pagination-info">
                  当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                </span>
        <span class="page-list">
                  每页记录
                  <span class="btn-group dropup">
                    <button  class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                      <span class="page-size">{{listPageInfo.pageSize}}</span>
        <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
          <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
            <a>{{i}}</a>
          </li>
        </ul>
        </span>
        条
        </span>
      </div>
    </app-pagination>
  </div>
</div>

<!-- 搜索model -->
<div class="modal modal-open modal-detail" id="remindQuery">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
        <h4 class="modal-title">字段权限-查询</h4>
      </div>

      <div class="modal-body" style="padding-top:unset;">
        <form class="form-horizontal" style="padding-top:15px">
          <div class="form-divider col-lg-12 col-md-12 col-sm-12 col-xs-12" title="查询条件">
            <div class="form-group">
              <label class="col-lg-2 text-right">批次号：</label>
              <div class="col-lg-3">
                <input class="form-control" type="text" [(ngModel)]="getBody.nBatchno" name="nBatchno">
              </div>
              <div class="col-lg-1"></div>
              <label class="col-lg-2 text-right">是否已发送：</label>
              <div class="col-lg-3">
                <select class="form-control" [(ngModel)]="getBody.sSendFlag" name="sSendFlag">
                  <option value="Y">是</option>
                  <option value="N">否</option>
                </select>
              </div>
            </div>

            <div class="form-group">
              <label class="col-lg-2 text-right">基金类型：</label>
              <div class="col-lg-3">
                <select class="form-control" [(ngModel)]="getBody.sFundType" name="sFundType">
                  <option [value]="''" selected="selected">全部</option>
                  <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.FUND_TYPE">{{item.sItemValue}}</option>
                </select>
              </div>
              <div class="col-lg-1"></div>
              <label class="col-lg-2 text-right">基金名称：</label>
              <div class="col-lg-3">
                <input class="form-control" type="text" [(ngModel)]="getBody.sFundName" name="sFundName">
              </div>
            </div>

            <div class="form-group">
              <label class="col-lg-2 text-right">发起人：</label>
              <div class="col-lg-3">
                <input class="form-control" type="text" [(ngModel)]="getBody.sBeginOperatorZh" name="sBeginOperatorZh">
              </div>
              <div class="col-lg-1"></div>
              <label class="col-lg-2 text-right">审核人：</label>
              <div class="col-lg-3">
                <input class="form-control" type="text" [(ngModel)]="getBody.sCommitOperatorZh" name="sCommitOperatorZh">
              </div>
            </div>

            <div class="form-group">
              <label class="col-lg-2 text-right">接收人：</label>
              <div class="col-lg-3">
                <input class="form-control" type="text" [(ngModel)]="getBody.sReceiverZh" name="sReceiverZh">
              </div>
              <div class="col-lg-1"></div>
              <label class="col-lg-2 text-right">发送标题：</label>
              <div class="col-lg-3">
                <input class="form-control" type="text" [(ngModel)]="getBody.sMsgTitle" name="sMsgTitle">
              </div>
            </div>
          </div>
        </form>
      </div>

      <div class="modal-footer">
        <button class="btn btn-primary pull-right" (click)="resetSearch()"><i class="fa fa-circle-o-notch"></i>重置</button>
        <button class="btn btn-primary pull-right" (click)="list(1)"><i class="fa fa-search"></i>查询</button>
        <button class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

<!-- 提醒model -->
<div class="modal modal-open modal-detail" id="remindInfo">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
              </button>
        <h4 class="modal-title">提醒</h4>
      </div>

      <div class="modal-body" style="padding-top:unset;">
        <form class="form-inline" style="padding-top:15px">
          <div class="form-divider col-lg-12 col-md-12 col-sm-12 col-xs-12" title="提醒信息">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom:10px;margin-left:-30px;">
              <label class="col-lg-2 text-right">提醒人：</label>
              <div class="col-lg-10">
                <div class="input-group" style="width:50%">
                  <input type="text" class="form-control" value="{{auditOprZh}}" name="auditOprZh" title="{{auditOprZh}}" disabled>
                  <span class="input-group-addon" (click)="showRemind()" style="background-color:rgb(30, 185, 225)">
                        <i class="fa fa-search" style="color:white"></i></span>
                </div>

                <button class="btn btn-primary" (click)="setDefault()">设置默认</button>
                <label style="vertical-align:center" for="sms">短信提醒：</label>
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="sms" [(ngModel)]="sSMSFlag" name="sSMSFlag">
                  <label></label>
                </div>
                <label style="vertical-align:center" for="email">邮件提醒：</label>
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="email" [(ngModel)]="sEmailFlag" name="sEmailFlag">
                  <label></label>
                </div>
              </div>
            </div>
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom:10px;margin-left:-30px">
              <label class="col-lg-2 text-right">标题：</label>
              <div class="col-lg-10">
                <input style="width:100%" [(ngModel)]="remindBody.title" maxlength="100" name="title" type="text" class="form-control">
              </div>
            </div>
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom:10px;margin-left:-30px">
              <label class="col-lg-2 text-right">短信内容：</label>
              <div class="col-lg-10">
                <textarea style="width:100%" [(ngModel)]="remindBody.sSMSContent" maxlength="980" name="sSMSContent" rows="5"></textarea>
              </div>
            </div>
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom:10px;margin-left:-30px">
              <label class="col-lg-2 text-right">邮件内容：</label>
              <div class="col-lg-10">
                <textarea style="width:100%" [(ngModel)]="remindBody.sEmailContent" maxlength="980" name="sEmailContent" rows="5"></textarea>
              </div>
            </div>
          </div>
        </form>
      </div>

      <div class="modal-footer">
        <button class="btn btn-primary pull-right" (click)="sendRemind()"><i class="fa fa-save"></i>确定</button>
        <button class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

<!-- 查看明细modal -->
<div class="modal modal-open modal-detail" id="detail">
  <div #detail></div>
</div>

<!-- 提醒者modal -->
<div class="modal modal-open modal-detail" id="modifyTargetRemind">
  <div #modifyTargetRemind></div>
</div>